import { StyleSheet } from 'react-native';
import { phonePx } from '../../util/adapt';
import { getScreenInfo, ScreenOrientation } from '../../util/screen';

const { height } = getScreenInfo({
  screenOrientation: ScreenOrientation.Landscape
});
const ALERT_WIDTH = phonePx(300);

export default StyleSheet.create({
  container: {
    width: ALERT_WIDTH,
    maxHeight: height,
    backgroundColor: '#FFFFFF',
    alignItems: 'center',
    borderRadius: phonePx(8)
  },
  title: {
    textAlign: 'center',
    width: ALERT_WIDTH - phonePx(20),
    marginTop: phonePx(20),
    fontWeight: '500',
    color: '#2A2A2A',
    fontSize: phonePx(16),
    lineHeight: phonePx(24)
  },
  topEmpty: {
    height: phonePx(15)
  },
  bottomEmpty: {
    height: phonePx(34)
  },
  subTitleContent: {
    marginTop: phonePx(12),
    marginBottom: phonePx(23),
    minHeight: phonePx(36),
    width: phonePx(244),
    justifyContent: 'flex-start',
    alignItems: 'center'
  },
  subTitle: {
    color: '#2A2A2A',
    fontSize: phonePx(12),
    lineHeight: phonePx(18)
  },
  loadButton: {
    marginBottom: phonePx(20),
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    width: phonePx(244)
  },
  button: {
    width: phonePx(110),
    height: phonePx(36),
    borderRadius: phonePx(20),
    alignItems: 'center',
    justifyContent: 'center'
  },
  cannelButton: {
    backgroundColor: '#F6F7F7'
  },
  sureButton: {
    backgroundColor: '#FDD753'
  },
  buttonDesc: {
    fontSize: phonePx(14),
    fontWeight: '500'
  },
  cannelButtonDesc: {
    color: '#A3AAB6'
  },
  sureButtonDesc: {
    color: '#2A2A2A'
  },
  big: {
    width: phonePx(200)
  },
  bigContent: {
    justifyContent: 'center'
  }
});
